<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    <link rel="stylesheet" href="./css/header.css" type="text/css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="css/detail.css">
</head>

<body>
    <!-- 顶部代码 -->
    <div class="newHead">
        <div class="headcontain">
            <div class="yinLogo"></div>
            <a href="http://www.yinyuetai.com">
                <div class="yinyueLogo"></div>
            </a>
            <div class="newTitle">
                <div class="sina">
                    <p>官方微博</p>
                    <div class="popsina">
                        <img src="https://img0.yytcdn.com/user/photo/160331/2841251/-M-89b467b98b66cf1f1beac4c26d72c3c6_201x176.png" alt="">
                        <p class="scan">扫一扫</p>
                        <p class="scanMore">了解最新商品信息</p>
                    </div>
                </div>
                <span class="newSeparat1">|</span>
                <div class="weixin">
                    <p>关注微信</p>
                    <div class="popweixin">

                        <img src="https://img5.c.yinyuetai.com/starpicture/starpicture/161021/0/-M-6d341471b1c8d639048126e89adff9da_0x0.jpg" alt="">
                        <p class="scan">扫一扫</p>
                        <p class="scanMore">了解最新商品信息</p>
                    </div>
                </div>
                <span class="newSeparat2">|</span>
                <span class="zhengpin"><a href="/shopProtection.action">正品保证</a></span>
            </div>
        </div>

    </div>

    <!-- 搜索框 -->
    <div class="bar-search">
        <div class="bar">
            <div class="logo">
                <a href="javascript:;"> <img src="./img/shop-logo-v1.png" alt=""></a>
            </div>
            <div class="search">
                <input type="text" name="" id="">
            </div>
            <div class="login">
                <span><i class="iconfont" style="font-size: 16px;">&#xe6ff;</i>
                    <a class="DingDan" href="http://10.31.158.42/javascript/projectname/src/login.html">去登录</a></span>
                <span>我的订单</span>
                <span><i class="iconfont" style="font-size: 16px;">&#xe671;</i><a href="javascript:;">购物车</a></span>
            </div>
        </div>
    </div>

    <!-- 导航 -->
    <div class="shop-nav">
        <div class="nav clear">
            <div class="nav-type">艺人分类
                <ul>
                    <li>
                        <h4><a href="//shop.yinyuetai.com/actorList.action?countryId=6">韩国&gt;</a></h4>
                        <a class="idole_link" href="//shop.yinyuetai.com/actorList.action?countryId=6" target="_blank"></a>
                    </li>
                    <li>
                        <h4><a href="//shop.yinyuetai.com/actorList.action?countryId=6">韩国&gt;</a></h4>
                        <a class="idole_link" href="//shop.yinyuetai.com/actorList.action?countryId=6" target="_blank"></a>
                    </li>
                    <li>
                        <h4><a href="//shop.yinyuetai.com/actorList.action?countryId=6">韩国&gt;</a></h4>
                        <a class="idole_link" href="//shop.yinyuetai.com/actorList.action?countryId=6" target="_blank"></a>
                    </li>
                    <li>
                        <h4><a href="//shop.yinyuetai.com/actorList.action?countryId=6">韩国&gt;</a></h4>
                        <a class="idole_link" href="//shop.yinyuetai.com/actorList.action?countryId=6" target="_blank"></a>
                    </li>
                    <li>
                        <h4><a href="//shop.yinyuetai.com/actorList.action?countryId=6">韩国&gt;</a></h4>
                        <a class="idole_link" href="//shop.yinyuetai.com/actorList.action?countryId=6" target="_blank"></a>
                    </li>
                    <li>
                        <h4><a href="//shop.yinyuetai.com/actorList.action?countryId=6">韩国&gt;</a></h4>
                        <a class="idole_link" href="//shop.yinyuetai.com/actorList.action?countryId=6" target="_blank"></a>
                    </li>
                </ul>
            </div>
            <!-- 导航栏 -->
            <ul class="navbox">
                <li class="index active"><a href="/">首页</a></li>
                <li data-type="album"><a href="/albums">专辑</a></li>
                <li data-type="near"><a href="/surround">明星周边</a></li>
                <li data-type="artist"><a href="/fashion">明星同款</a></li>
                <li data-type="makeup"><a href="/makeup">个护美妆</a></li>
                <li data-type="digital"><a href="/digit">影漫周边</a></li>
                <li data-type="food"><a href="/food">食品</a></li>
                <li data-type="clothes"><a href="/clothes">服装配饰</a></li>
            </ul>
        </div>
    </div>

    <!-- 详情页信息 -->
    <div class="main clear">
        <p style="height: 60px;"></p>
        <div class="left clear">
            <div class="smallbox">
                <div class="smallpic">
                    <img src="" alt="" style="width:400px;height:400px; text-align:center;padding:9px 9px;">
                </div>
                <div class="sf"></div>
            </div>
            <div class="bigbox" style="width: 500px; height: 500px;">
                <img class="bigpic" src="" alt="" style="width:900px;height:900px; position:absolute;top:0;">
            </div>
            <ul class="picSlide">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="list clear">
                <div class="btnone iconfont">&#xe65a;</div>
                <div class="btntwo iconfont">&#xe65d;</div>
            </div>
        </div>
        <div class="right">
            <div class="top">
                <p class="title">【全款预定-预售优惠】EXO 2019 SEASON'S GREETING 官方台历</p>
                <p>
                    <span>艺人</span><i>EXO</i>
                </p>
                <p>
                    <b>商城价格：</b><em class="price"></em>
                </p>

            </div>
            <div class="center">
                <p>重量：<span>15kg</span></p>
                <p>价格：<span class="num"></span></p>
                <p> 购买数量：<input class="shuliang" style="border: 1px solid #ccc; width: 60px;
                height: 20px;;" type="text"></p>
            </div>
            <div class="bot">
                <p class="buy"></p>
                <p class="car">
                    <a style="width: 150px;height:50px; display: block;" href="http://10.31.158.42/javascript/projectname/src/cart.html"></a>
                </p>
            </div>
        </div>
        <div class="slid">
            <div class="slid-title">
                相关
            </div>
            <div class="slid-top">
                <!-- 鼠标经过效果 -->
                <img class="slid-smallpic img1" src="./img/slid-pic1.jpg" alt="">
                <!-- 第一张图片的盒子 -->
                <div id="slid-bigtop">
                    <div class="slid-bigpic">
                        <img src="./img/slid-pic1.jpg" alt="">
                    </div>
                    <div class="des">
                        <p class="title">[Pchy]Pchy官方海报[限量]</p>
                        <p class="prize"><span class="now_p">￥10</span>&nbsp;&nbsp;&nbsp;<del class="pre_p">10元</del></p>
                        <p class="like"><span class="J_like_hover" data-id="384"></span><i class="favNum">0</i></p>
                    </div>
                </div>
            </div>

            <div class="slid-bot">
                <!-- 鼠标经过效果 -->
                <img class="slid-smallpic" src="./img/slid-pic2.jpg" alt="">
                <!-- 第二张图片的盒子 -->
                <div id="slid-bigbot">
                    <div class="des">
                        <p class="title">[Pchy]Pchy官方海报[限量]</p>
                        <p class="prize"><span class="now_p">￥10</span>&nbsp;&nbsp;&nbsp;<del class="pre_p">10元</del></p>
                        <p class="like"><span class="J_like_hover" data-id="384"></span><i class="favNum">0</i></p>
                    </div>
                    <div class="slid-bigpic">
                        <img src="./img/slid-pic2.jpg" alt="">
                    </div>
                </div>
            </div>

        </div>
    </div>
    <script src="./script//thirdplugins/jquery.min.js"></script>
    <script src="./script/js/details.js"></script>
    <script src="./script/js/public.js"></script>
</body>

</html>